
:root {
    --tl-blue: #0d6efd;
    --tl-indigo: #6610f2;
    --tl-purple: #6f42c1;
    --tl-pink: #d63384;
    --tl-red: #dc3545;
    --tl-orange: #fd7e14;
    --tl-yellow: #ffc107;
    --tl-green: #28a745;
    --tl-teal: #20c997;
    --tl-cyan: #17a2b8;
    --tl-white: #fff;
    --tl-gray: #6c757d;
    --tl-gray-dark: #343a40;
    --tl-primary: #0d6efd;
    --tl-secondary: #6c757d;
    --tl-success: #13CE66;
    --tl-info: #17a2b8;
    --tl-warning: #ffc107;
    --tl-danger: #FF4949;
    --tl-light: #f8f9fa;
    --tl-dark: #343a40;
    --tl-success_opacity_1: rgba(40, 167, 69, 0.1);
    --tl-success_opacity_2: rgba(40, 167, 69, 0.2);
    --tl-success_opacity_3: rgba(40, 167, 69, 0.3);
    --tl-success_opacity_4: rgba(40, 167, 69, 0.4);
    --tl-success_opacity_5: rgba(40, 167, 69, 0.5);
    --tl-success_opacity_6: rgba(40, 167, 69, 0.6);
    --tl-success_opacity_7: rgba(40, 167, 69, 0.7);
    --tl-success_opacity_8: rgba(40, 167, 69, 0.8);
    --tl-success_opacity_9: rgba(40, 167, 69, 0.9);
    --tl-primary_opacity_1: rgba(13, 110, 253, 0.1);
    --tl-primary_opacity_2: rgba(13, 110, 253, 0.2);
    --tl-primary_opacity_3: rgba(13, 110, 253, 0.3);
    --tl-primary_opacity_4: rgba(13, 110, 253, 0.4);
    --tl-primary_opacity_5: rgba(13, 110, 253, 0.5);
    --tl-primary_opacity_6: rgba(13, 110, 253, 0.6);
    --tl-primary_opacity_7: rgba(13, 110, 253, 0.7);
    --tl-primary_opacity_8: rgba(13, 110, 253, 0.8);
    --tl-primary_opacity_9: rgba(13, 110, 253, 0.9);
    --tl-danger_opacity_1: rgba(220, 53, 69, 0.1);
    --tl-danger_opacity_2: rgba(220, 53, 69, 0.2);
    --tl-danger_opacity_3: rgba(220, 53, 69, 0.3);
    --tl-danger_opacity_4: rgba(220, 53, 69, 0.4);
    --tl-danger_opacity_5: rgba(220, 53, 69, 0.5);
    --tl-danger_opacity_6: rgba(220, 53, 69, 0.6);
    --tl-danger_opacity_7: rgba(220, 53, 69, 0.7);
    --tl-danger_opacity_8: rgba(220, 53, 69, 0.8);
    --tl-danger_opacity_9: rgba(220, 53, 69, 0.9);
    --tl-info_opacity_1: rgba(23, 162, 184, 0.1);
    --tl-info_opacity_2: rgba(23, 162, 184, 0.2);
    --tl-info_opacity_3: rgba(23, 162, 184, 0.3);
    --tl-info_opacity_4: rgba(23, 162, 184, 0.4);
    --tl-info_opacity_5: rgba(23, 162, 184, 0.5);
    --tl-info_opacity_6: rgba(23, 162, 184, 0.6);
    --tl-info_opacity_7: rgba(23, 162, 184, 0.7);
    --tl-info_opacity_8: rgba(23, 162, 184, 0.8);
    --tl-info_opacity_9: rgba(23, 162, 184, 0.9);
    --tl-warning_opacity_1: rgba(255, 193, 7, 0.1);
    --tl-warning_opacity_2: rgba(255, 193, 7, 0.2);
    --tl-warning_opacity_3: rgba(255, 193, 7, 0.3);
    --tl-warning_opacity_4: rgba(255, 193, 7, 0.4);
    --tl-warning_opacity_5: rgba(255, 193, 7, 0.5);
    --tl-warning_opacity_6: rgba(255, 193, 7, 0.6);
    --tl-warning_opacity_7: rgba(255, 193, 7, 0.7);
    --tl-warning_opacity_8: rgba(255, 193, 7, 0.8);
    --tl-warning_opacity_9: rgba(255, 193, 7, 0.9);
    --tl-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --tl-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --tl-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --radius: 6px;
}

// base color
//框架默认主题色
@base-color-default: #1890ff;
@base-font-size-small: 12px;
@base-font-size-default: 14px;
@base-font-size-big: 16px;
@base-font-size-bigger: 18px;
@base-font-size-max: 22px;
@base-font-color: #606266;
@base-color-blue: @base-color-default;
@base-color-green: #47ba80;
@base-color-white: #fff;
@base-color-black: #000;
@base-color-yellow: #fac858;
@base-color-orange: #ff6700;
@base-color-red: #e72100;
@base-color-gray: rgba(0, 0, 0, 0.65);
@base-main-width: 1279px;
@base-border-radius: 2px;
@base-border-color: #dcdfe6;

// sidebar
@menu_text: #bfcbd9;
@menu_active_text: #409EFF;
@sub_menu_active_text: #f4f4f5;

@menu_bg: #304156;
@menu_hover: #263445;

@sub_menu_bg: #1f2d3d;
@sub_menu_hover: #001528;
@side_bar_width: 210px;

//默认动画
@base-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border 0s, background 0s, color 0s, font-size 0s;
//默认动画长
@base-transition-time: 0.3s;
